@import './theme.scss';

//设计页面的高度
$design_page_hegiht: 667 - 20;
//
/**
 * 计算间距的高度
 * @param {int} $height 间距的高度
 * @param {int} $aeHeight 所有实体高度 
 * @param {int} $asHeight 所有间距的设计高度
 */
@mixin calc_spacing_height($height, $aeHeight, $asHeight) {
	$aHeight: $aeHeight + $asHeight;
	$percen: $height / $asHeight;
	// height: $height / $design_page_hegiht * 100%;
	height: -webkit-calc((100vh - #{$aHeight}px) * #{$percen});
	height: calc((100vh - #{$aHeight}px) * #{$percen});
}

//设置边框
@mixin border_1px($color) {
	border: $color 1px solid; /*no*/
	border-radius: 5px;
}

@mixin global-input-div {
	height: 42px;
	line-height: 42px;
	display: flex;
	label {
		width: 42px;
		color: $text-main-color;
		font-size: 14px;
	}
	input {
		margin-left: 5px;
		width: 100%;
		@include border_1px($border-color-1);
		font-size: 14px;
	}
	input::-webkit-input-placeholder {
		font-size: 14px;
		color: $info-color;
	}
}

@mixin global-btn-div {
	height: 42px;
	line-height: 42px;
	button {
		width: 100%;
		height: 100%;
		@include border_1px($border-color-1);
		font-size: 16px;
		color: $success-color;
	}
}

@mixin select-dev {
	#select-dev {
		color: $text-main-color;
		font-size: 14px;
		font-weight: normal;
		line-height: 24px;
	}
}